As junior designer this is type of content is more helpful than you might think, so good to see real projects and not content just made on purpose for RUclips. Thank you for sharing, and looking forward to more videos from you!
Maybe im not getting something here but. Your viewport on the "Check" Frame is 568px. If you then open this in the figma mobile app this obviosly gets scaled to the smarthones viewport. So the h1 for example is not 40px.
Thanks for sharing! I consider myself a beginner in this area, and going through videos like these has been so helpful in breaking down that endless research mentality and just putting something together already 😅 Cheers for that. I’m curious, do you have specific breakpoint sizes you develop for on the three screens: desktop, tablet, and mobile?
Hey, we’re glad you enjoyed the video. Yes we use the default breakpoints set by Webflow (as we are a Webflow exclusive studio). These are desktop 991px and above, tablet 991-767px, mobile landscape 767-478 and mobile portrait 478 and down. We always design our desktop sites at 1440px width with either a 1200px or 1280px container.
You just set these up as classes, and you can apply a class to a tag to override its default styles 👍 So you can have an h2 that looks like an h1, or a paragraph that looks like an h4 for example.
Hey @wearestudiotonic I am a huge fan and supporter of your channel due to immense quality of your content. I appreciate that you provide real production examples and know-how, without the superfluous fluff. I'll definitely be curious to checkout the design course once it's out.
Just fyi I recommend adding all your social links and your website in the description. I always hear how people in this industry get leads through their videos, and I think you'd see a lot more activity come in through youtube if you made those links more accessible.
As junior designer this is type of content is more helpful than you might think, so good to see real projects and not content just made on purpose for RUclips. Thank you for sharing, and looking forward to more videos from you!
Maybe im not getting something here but. Your viewport on the "Check" Frame is 568px. If you then open this in the figma mobile app this obviosly gets scaled to the smarthones viewport. So the h1 for example is not 40px.
Thanks for sharing! I consider myself a beginner in this area, and going through videos like these has been so helpful in breaking down that endless research mentality and just putting something together already 😅 Cheers for that. I’m curious, do you have specific breakpoint sizes you develop for on the three screens: desktop, tablet, and mobile?
Hey, we’re glad you enjoyed the video. Yes we use the default breakpoints set by Webflow (as we are a Webflow exclusive studio). These are desktop 991px and above, tablet 991-767px, mobile landscape 767-478 and mobile portrait 478 and down. We always design our desktop sites at 1440px width with either a 1200px or 1280px container.
THIS TABLE IS VALID FOR VERY FONTS? THANKS
Yes! Thanks for this one🙏🏻
You’re welcome!
Great Vid! A downloadable Cheat Sheet or link to a template would be a great lead magnet for you and a fantastic resource for your viewers 🙃
I agree. We’re currently working on our web design course and it will be included in that for sure 👍
Question, how do you code the additional typography (Large, Medium, Small and Tiny)? If you’re already using all the H tags and P tag.
You just set these up as classes, and you can apply a class to a tag to override its default styles 👍 So you can have an h2 that looks like an h1, or a paragraph that looks like an h4 for example.
Hey @wearestudiotonic I am a huge fan and supporter of your channel due to immense quality of your content. I appreciate that you provide real production examples and know-how, without the superfluous fluff. I'll definitely be curious to checkout the design course once it's out.
It’s planned! Just really struggling to find the time to record it!
Could you create something like this but for colors? How do you guys set the color library and why. Thanks!
Yep, absolutely 👍
Just fyi I recommend adding all your social links and your website in the description. I always hear how people in this industry get leads through their videos, and I think you'd see a lot more activity come in through youtube if you made those links more accessible.
Thanks for the reminder. I think they’re on all the others just not this one!
Thank you
You’re welcome!
Thanks for sharing ❤
No problem 😊